/* 
    Document   : iu-shce-button
    Created on : Jan 18, 2012, 2:03:30 AM
    Author     : GEORGE MEJIA
    Description:
        Purpose of the stylesheet follows.
*/

button.design-g{
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background: -moz-linear-gradient(19% 75% 90deg,#F0DEB8, #FDF0D1, #fff 100%)  !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#F0DEB8), color-stop(.3,#FDF0D1)) !important;
    color:#836d4d;
    font-size:14px;
    font-weight:bold;
    padding:2px 60px;
    border: 1px solid #d4c198;
}

button.design-g:hover{
    color: #4a4a4a;
    background: -moz-linear-gradient(19% 75% 90deg,#EBD9B4, #F2E6C8, #F5F5F5 100%) !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#EBD9B4), color-stop(.3,#F2E6C8)) !important;
}

button.buttonexplorer{
    font-size:13px;
    vertical-align: middle;
    padding:2px 200px;

}

a.button-list,a.button-list:visited{
    border:1px solid #CCCCCC;
    font-size: 12px;
    background-color:#EEEEEE;
    text-decoration:none;
    white-space:nowrap;
}

a.button-list:hover{
    padding:1px 3px;
    font-weight:bold;
    text-decoration:none;
    background-color:#A7BDA7;
    border:1px solid #999999;
    color:#FFFFFF;
}

/**/

a.desing-gmail {
    border: 1px solid rgba(0, 0, 0, 0.1);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    
    text-decoration: none;
    text-transform: uppercase;
    color: #666;
    
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    
    margin: 0 3px;
    padding: 7px 12px;
    
    background: #f1f1f1;
    background-image: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f5f5f5), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    
    -moz-transition: border-color .218s;
    -o-transition: border-color .218s;
    -webkit-transition: border-color .218s;
    -ms-transition: border-color .218s;
    transition: border-color .218s;
}

a.desing-gmail:hover {
    -moz-transition: border-color .218s;
    -o-transition: border-color .218s;
    -webkit-transition: border-color .218s;
    -ms-transition: border-color .218s;
    transition: border-color .218s;
    
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);

    border-color: #939393;
    color: #333;
}

a.desing-gmail:active {
    border-color: #444444;

    background: #f5f5f5;
    background-image: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#f1f1f1), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #f1f1f1, #f5f5f5);
    background-image: -moz-linear-gradient(top, #f1f1f1, #f5f5f5);
    background-image: -ms-linear-gradient(top, #f1f1f1, #f5f5f5);
    background-image: -o-linear-gradient(top, #f1f1f1, #f5f5f5);
    background-image: linear-gradient(top, #f1f1f1, #f5f5f5);
}